*{
    margin:0;
    padding:0;
}
.box{
    width:320px;
    height: 320px;
    border: 1px solid red;
    margin:10px;
    padding:10px;
    box-sizing: border-box;
}

a{
    display: block;
    width: 100px;
    height: 100px;
    line-height: 100px;
    background: pink;
    position:relative;
    text-align: center;
    text-decoration:none;
    color:white;
    font-size: 20px;
}
a:hover{
    background:blue;

}
a:nth-of-type(even){
    left:200px;
    top:-100px;
}
a:nth-of-type(5){
    left:100px;
    top:-300px;
}